<template>
  <!-- 教务管理-约名师-排课列表 -->
  <div class="orderForeignSyllabuslist">
    <div class="content-foreign-syllabuslist">
      <div class="row">
        <span>课程名称：数学</span>
        <span>支付方式：余额支付</span>
        <span>订单号：CZ001</span>
        <span>已约4节/共6节</span>
        <el-button @click="showSelectTeacher">约外教</el-button>
      </div>
      <el-table
        :data="tableData"
        border
        style="width: 100%">
        <el-table-column
          prop="index"
          align="center"
          label="课程序号">
        </el-table-column>
        <el-table-column
          prop="courseTime"
          align="center"
          label="上课时间">
        </el-table-column>
        <el-table-column
          prop="teacherName"
          align="center"
          label="教师">
        </el-table-column>
        <el-table-column
          prop="assistName"
          align="center"
          label="助教">
        </el-table-column>
        <el-table-column
          prop="classroom"
          align="center"
          label="教室">
        </el-table-column>
        <el-table-column
          prop="statu"
          align="center"
          label="状态">
        </el-table-column>
        <el-table-column
          prop="foreignteacherName"
          align="center"
          label="名师">
        </el-table-column>
        <el-table-column
          label="操作"
          align="center"
          width="150">
          <template slot-scope="scope">
            <el-button @click="showSelectTeacher" type="text" size="small">约外教</el-button>
            <el-button type="text" size="small">顺延</el-button>
            <el-button type="text" size="small">调整</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  props:['orderForeignSyllabuslist'],
  data() {
    return {
      tableData: [{
          index: '1',
          courseTime: '2019-06-03 9:00-11:00',
          teacherName: '张无忌',
          assistName: '赵敏',
          classroom: '02',
          statu: '未上课',
          foreignteacherName:'Martin'
        }, {
          index: '1',
          courseTime: '2019-06-03 9:00-11:00',
          teacherName: '张无忌',
          assistName: '赵敏',
          classroom: '02',
          statu: '未上课',
          foreignteacherName:'Martin'
        }, {
          index: '1',
          courseTime: '2019-06-03 9:00-11:00',
          teacherName: '张无忌',
          assistName: '赵敏',
          classroom: '02',
          statu: '未上课',
          foreignteacherName:'Martin'
        }, {
          index: '1',
          courseTime: '2019-06-03 9:00-11:00',
          teacherName: '张无忌',
          assistName: '赵敏',
          classroom: '02',
          statu: '未上课',
          foreignteacherName:'Martin'
        }, 
      ],
    };
  },
  methods: {
    /**初始化数据 */
    initBydata(data){
      if(!data)return;

    },
    showSelectTeacher(){
      this.$emit('showOrderForeignSyllabuslist',{teacher:{visible:true},syllabus:{visible:false},classorder:{visible:false}});
    }
  },
  mounted() {},
  computed: {},
  watch: {},
  created: function() {}
};
</script>

<style lang="scss">
.orderForeignSyllabuslist {
  width: 100%;
  .content-foreign-syllabuslist {
    padding: 0 0.04rem 0.2rem 0.04rem;
		font-size: 0.16rem;
    .row{
      margin-bottom: 0.12rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  }
}
.orderForeignSyllabuslistPopup{
  background-color: rgba(0, 0, 0, 0.3);
  .el-dialog {
    width: 11rem;
    // min-height: 100%;
    // margin: 0 !important;
    .el-dialog__header {
      
    }
    .el-dialog__title {
      font-size: 0.25rem;
      font-weight: bold;
      color: #333333;
    }
    .el-dialog__headerbtn {
      font-size: 0.25rem !important;
    }
  }
  .el-dialog::-webkit-scrollbar {
    width: 0.1rem;
    height: 0.1rem;
  }
  .el-dialog::-webkit-scrollbar-thumb {
    border-radius: 0.5rem;
    background: #bbbbbb;
  }
  .el-dialog::-webkit-scrollbar-track {
    background: #f2f6fc;
  }
}

</style>